/* ========================================================================== *\
   IMAGE RESIZE
\* ========================================================================== */

img{max-width: 100%; height: auto !important;}
img{ -ms-interpolation-mode: bicubic; }


/* ========================================================================== *\
   PHONE WIDTH
\* ========================================================================== */

@media screen and (max-width:600px) {

	body {
		font-size: 16px;
		line-height: 26px;
	}
	
	p {
		padding-bottom: 20px;
	}

	h1 {
		font-size: 35px;
		line-height: 40px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 35px;
		padding-bottom: 20px;
	}
	
	h3 {
		font-size: 25px;
		line-height: 30px;
	}

	h4 {
		font-size: 18px !important;
		line-height: 24px;
	}

	.content {
		width: auto;
		padding: 0 20px;
	}

	#hero.home .content {
		width: auto;
		padding: 20px;
		min-height: 0px;
	}

	.entry-content {
		width: auto;
		padding: 0 20px;
	}

	.entry-content > * {
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.entry-content > .alignwide {
		max-width: 100%;
	}

	#header {
		padding: 20px 0;
	}

	#logo {
		display: block;
		float: left;
		width: 180px;
	}

	.menuBtn {
		top: 25px;
		right: 10px;
		display: block;
	}

	#menu.open {
		display: block;
	}

	#menu {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999999;
		float: none;
		background-image: linear-gradient(-43deg, rgba(149,80,227,0.9) 0%, rgba(39,121,216,0.9) 100%);
		overflow-y: auto;
	}

	#menu ul {
		display: block;
		padding: 40px;
		max-width: 100%;
		margin: 25px auto;
	}

	#menu ul li {
		float: none;
		clear: both;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	#menu ul li a {
		font-size: 24px;
		line-height: 24px;
		padding: 10px;
		color: #ffffff;
	}

	#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current-menu-ancestor a {
		color: #1d1d1d;
		background: #ffffff;
	}

	#menu ul li.button {
		margin: 40px 0px 0px 0px;
		border-bottom: none;
	}

	#menu ul li.button a {
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 25px;
		padding: 10px 25px;
	}

	#menu ul li.button a:hover {
		background: #ffffff;
		color: #1d1d1d;	
	}

	#menu ul li:hover > ul {
		-webkit-animation: none;
	    animation: none;
	}

	#menu ul ul {
		display:block;
		position: static;
		top: inherit;
		left: inherit;
		margin: 0;
		text-align: left;
		border-radius: 0px;
		padding: 0px 0px 20px 0px !important;
		z-index: 0;
		background-color: transparent;
		min-width: 0px;
		box-shadow: none;
	} 

	#menu ul ul li {
		background: transparent;
		margin: 0px;
		padding: 0px;
		float: none;
		border-bottom: 1px solid #ffffff;
	}

	#menu ul ul li:first-child {
		border-radius: 0;
		border-top: 1px solid #ffffff;
	}
	
	#menu ul ul li:last-child {
		border-radius: 0;	
	}

	#menu ul ul li a, #menu ul li.current-menu-ancestor ul li a {
		padding: 15px;
		color: #ffffff;
		background: transparent;
		font-size: 18px;
		line-height: 20px;
	}

	#menu ul ul li a, #menu ul li.current-menu-item ul li a {
		color: #ffffff;	
		background: transparent;
	}

	#menu ul ul li a:hover, #menu ul li.current-menu-item ul li a:hover {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.current-menu-ancestor ul li a:hover, #menu ul li.current-menu-ancestor ul li.current_page_item a {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.phone {
		position: static;
		top: inherit;
		right: inherit;
		text-align: center;
		margin-top: 10px;
	}

	#menu ul li.phone a {
		font-size: 20px;
	}

	#menu ul li.phone a:before {
		display: none;
	}
	
	#footer {
		text-align: center;
		font-size: 16px;
		border-radius: 20px 20px 0 0;
	}

	#footer ul li {
		display: block;
		margin-bottom: 5px;
	}
	
	.legal {
		font-size: 14px;
		line-height: 24px;
	}
	
	.legal a {
		display: block;
		clear: both;
	}
	
	#hero.home {
		min-height: 0px;
		font-size: 16px;
		line-height: 26px;
	}

	#hero.home .content {
		width: auto;
		padding: 0 20px 220px 20px;
	}
	
	#hero.home .content .one_half {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 20px 0;
	}
	
	#hero.home .content .one_half.last {
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
	}
	
	#hero.home .content h1 {
		font-size: 35px;
		line-height: 40px;
		padding-bottom: 20px;
	}
	
	#hero.home .content .btn {
		display: block;
		padding: 15px 20px;
		margin: 0 0 10px 0;
		min-width: 195px;
	}
	
	#livestreamContainer {
		margin-bottom: 0px;
	}
	
	.playBtn {
		width: 60px;
		height: 60px;
		border-radius: 120px;	
		margin: -30px 0 0 -30px;
		background-size: 15px 25px;
		background-position: left 25px center;
	}
	
	.intro {
		padding: 0 0 0 0;
	}
	
	#videoThumb {
		margin-top: 0px;
		border-radius: 20px;
	}

	#highlights {
		padding: 0 20px;
		margin-top: -180px;
		font-size: 16px;
		line-height: 24px;		
	}

	#highlights ul {
		max-width: 100%;
	}

	#highlights ul li {
		border-radius: 20px;
		margin: 0 0 40px 0 !important;
	}

	#highlights ul li .inner {
		border-radius: 20px;
		padding: 80px 0 0 0;
	}

	#highlights .subhead {
		left: 20px;
	}
	
	#highlights ul li .inner img {
		display: block;	
		width: 100%;
	}

	.details {
		padding: 30px 20px;
		position: static;
		bottom: inherit;
		left: inherit;
	}
	
	#highlights ul li:first-child, #highlights ul li:nth-child(2) {
		width: 100%;
		height: auto;	
		float: none;
		clear: both;
	}

	#highlights ul li:nth-child(3) {
		width: 100%;
		height: auto;
		margin: 0;
		float: none;
		clear: both;
	}

	#highlights ul li:nth-child(4), #highlights ul li:nth-child(5) {
		height: auto;
	}

	#highlights ul li:nth-child(2) .inner .details {
		bottom: inherit;
	}

	#highlights ul li:nth-child(3) .inner .details {
		bottom: inherit;
		top: inherit;
		margin-top: 0px;
		left: inherit;
		right: inherit;
	}
	
	#highlights ul li:nth-child(3) .inner .details dl {
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 40px 20px !important;
	}

	#highlights ul li:nth-child(3) .inner .details h3 {
		max-width: 100%;
	}

	#classHighlights {
		padding: 0 40px;
	}

	#classHighlights ul {
		max-width: 100%;
	}

	#classHighlights ul li {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		min-height: 0px;
		margin: 0 0 40px 0;
		border-radius: 20px;
	}

	#classHighlights ul li .inner {
		position: static;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		border-radius: 20px;
		padding: 30px 20px;
	}

	#reviews {
		padding: 60px 0 0px 0;
		font-size: 16px;
		line-height: 24px;
	}

	#reviews h2 {
		padding: 0 0 20px 0;
		font-size: 24px;
		line-height: 30px;
	}
	
	#reviews .one_half, #reviews .one_half.last {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 40px;
		text-align: center;	
	}

#oneLocal {
	margin-bottom: 100px;
}

	#hero.page .inner, #hero.single .inner {
		padding: 40px 0 100px 0;
	}

	a.post {
		margin-bottom: 40px;
	}

	a.post .thumbWrap {
		max-height: 240px;
		margin-bottom: 20px;	
	}

	#breadcrumb {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 1px;
	}

#main {
	display: block;
	width: 100%;
	padding-top: 280px;
	margin-top: -30px;
	border-radius: 30px 30px 0 0;
	background-image: linear-gradient(-180deg, #EEEEEE 0%, #FFFFFF 100%);	
}

	#container {
		display: block;
		width: 100%;
		margin-top: -360px;
	}

	#whatsHappening {
		padding: 40px 30px 20px 30px;
	}
	
	#whatsHappening .content {
		padding: 0px;	
	}

	#whatsHappening ul {
		max-width: 100%;
	}

	#whatsHappening ul li {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		padding: 0 0px 40px 0px;
	}

#whatsHappening ul li a .thumbWrap {
	width: 100%;
	max-height: 240px;
	margin-bottom: 10px;	
}

#whatsHappening ul li a h4 {
	padding: 0 20px 10px 20px;
}

#whatsHappening ul li a em {
	font-size: 16px;
	display: block;
	padding: 0 20px;
}

	.teachers .one_third, .teachers .one_third.last, .teachers .two_third.last {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 40px 0;	
	}

	.teacher {
		min-height: 420px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.teacher .caption {
		padding: 20px;
		border-radius: 20px;
		bottom: 0px;
		width: 100%;
		left: 0px;
	}
	
	.teacher .caption h3 {
		font-size: 20px;
		padding-bottom: 5px;	
	}

	.teacher .caption p {
		font-size: 14px;
		line-height: 20px;	
	}

	.teacher.signoff {
		padding: 40px 20px;
	}

	#bottomImage {
		display: none;
	}

	#main.buffer {
		padding-bottom: 0px;
	}
	
	.wp-block-column {
		display: block !important;
		flex: none !important;
		width: 100% !important;
		float: none !important;
		margin: 0px !important;
	}
	
	.wp-block-spacer {
		height: 20px !important;
	}

	.narrow {
		max-width: 100%;
	}

	h3.heat:before, h3.water:before, h3.reception:before, h3.retail:before, h3.mat:before, h3.building:before {
		float: none;
		clear: both;
		margin: 0 0 10px 0;	
	}

	.postureImage {
		display: block;
		position: static;
		top: inherit;
		right: inherit;
		max-width: 400px;
		padding: 0px;
		border: none;
		border-radius: 0px;
		margin-bottom: 20px;
	}
	
	.postureImage img {
		display: block;
		border-radius: 0px;
	}

	a.accordianTitle {
		padding: 20px;
	}

	a.accordianTitle h3 {
		font-size: 18px;
		line-height: 24px;
		padding-right: 20px;
	}

	a.accordianTitle .plus {
		display: block;
		float: right;
		width: 22px;
		margin: 0px 0 0 20px;
	}

	a.accordianTitle .minus {
		display: none;
		float: right;
		width: 22px;
		margin: 10px 0 0 20px;
	}

	.accordianBody {
		display: none;
		padding: 20px 20px 10px 20px;
	}

	.callout {
		padding: 30px 20px;
		border-radius: 20px;
	}

	.btn {
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 18px;
		border-radius: 10px;
		padding: 15px 20px;
	}

	.btn.right {
		float: none;
		clear: both;
		margin-bottom: 20px;
	}

	blockquote.wp-block-quote {
		padding: 30px 20px;
		font-size: 20px;
		line-height: 24px;
		border-radius: 20px;
		margin-bottom: 40px;
	}
	.wp-block-embed {
	    margin: 0 0 20px 0 !important;
	}
	
	.wl-widget iframe {
		max-height: 100% !important;
	}
	
	iframe.instagram-media {
		max-height: 100% !important;	
	}
	
	iframe {
		width: 100% !important;
		max-height: 250px;
	}
	
	
	ul.classes li {
		display: block !important;
		width: 47% !important;
		height: auto !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	
	ul.classes li .middle {
		position: static;
		transform: translate(0,0);
		width: 100%;
		padding: 20px !important;
	}	
	
	#container ul.memberships {
		display: block;
		justify-content: inherit;
	}
	
	#container ul.memberships li {
		width: 100%;
		margin-bottom: 80px;
	}	

	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { 
		width:auto; 
		margin-right:0px; 
		float:none; 
		clear: both;
		margin-bottom:20px;
	}
	
	.last{ 
		margin-right:0 !important; 
		clear:both; 
	}
	
	li.gf_left_half, li.gf_right_half {
		clear: both !important;
		float: none !important;
	}

}


/* ========================================================================== *\
   TABLET WIDTH - PORTRAIT
\* ========================================================================== */

@media screen and (min-width:601px) and (max-width:799px) {

	h4 {
		font-size: 18px !important;
		line-height: 24px;
	}

	.content {
		width: auto;
		padding: 0 40px;
	}

	#hero.home .content {
		width: auto;
		padding: 40px;
		min-height: 0px;
	}
	
	#livestreamContainer {
		margin-bottom: 0px;
	}

	.entry-content {
		width: auto;
		padding: 0 40px;
	}

	.entry-content > * {
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.entry-content > .alignwide {
		max-width: 100%;
	}

	.menuBtn {
		display: block;
	}

	#menu.open {
		display: block;
	}

	#menu {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999999;
		float: none;
		background-image: linear-gradient(-43deg, rgba(149,80,227,0.9) 0%, rgba(39,121,216,0.9) 100%);
		overflow-y: auto;
	}

	#menu ul {
		display: block;
		padding: 40px;
		max-width: 500px;
		margin: 50px auto;
	}

	#menu ul li {
		float: none;
		clear: both;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	#menu ul li a {
		font-size: 28px;
		line-height: 28px;
		padding: 15px;
		color: #ffffff;
	}

	#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current-menu-ancestor a {
		color: #1d1d1d;
		background: #ffffff;
	}

	#menu ul li.button {
		margin: 40px 0px 0px 0px;
		border-bottom: none;
	}

	#menu ul li.button a {
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 25px;
		padding: 10px 25px;
	}

	#menu ul li.button a:hover {
		background: #ffffff;
		color: #1d1d1d;	
	}

	#menu ul li:hover > ul {
		-webkit-animation: none;
	    animation: none;
	}

	#menu ul ul {
		display:block;
		position: static;
		top: inherit;
		left: inherit;
		margin: 0;
		text-align: left;
		border-radius: 0px;
		padding: 0px 0px 20px 0px !important;
		z-index: 0;
		background-color: transparent;
		min-width: 0px;
		box-shadow: none;
	} 

	#menu ul ul li {
		background: transparent;
		margin: 0px;
		padding: 0px;
		float: none;
		border-bottom: 1px solid #ffffff;
	}

	#menu ul ul li:first-child {
		border-radius: 0;
		border-top: 1px solid #ffffff;
	}
	
	#menu ul ul li:last-child {
		border-radius: 0;	
	}

	#menu ul ul li a, #menu ul li.current-menu-ancestor ul li a {
		padding: 15px;
		color: #ffffff;
		background: transparent;
		font-size: 20px;
		line-height: 20px;
	}

	#menu ul ul li a, #menu ul li.current-menu-item ul li a {
		color: #ffffff;	
		background: transparent;
	}

	#menu ul ul li a:hover, #menu ul li.current-menu-item ul li a:hover {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.current-menu-ancestor ul li a:hover, #menu ul li.current-menu-ancestor ul li.current_page_item a {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.phone {
		position: static;
		top: inherit;
		right: inherit;
		text-align: center;
		margin-top: 10px;
	}

	#menu ul li.phone a {
		font-size: 20px;
	}

	#menu ul li.phone a:before {
		display: none;
	}
	
	#footer {
		font-size: 16px;
		border-radius: 20px 20px 0 0;
	}

	#footer ul li {
		display: block;
		margin-bottom: 5px;
	}
	
	#hero.home {
		min-height: 0px;
	}

	#hero.home .content {
		width: auto;
		padding: 0 40px 220px 40px;
	}
	
	#hero.home .content .one_half {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 20px 0;
	}
	
	#hero.home .content .one_half.last {
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
	}
	
	#hero.home .content h1 {
		font-size: 45px;
		line-height: 50px;
	}
	
	#hero.home .content .btn {
		padding: 15px 20px;
		margin: 0 0 10px 0;
		min-width: 195px;
	}
	
	.playBtn {
		width: 80px;
		height: 80px;
		border-radius: 160px;	
		margin: -40px 0 0 -40px;
		background-size: 20px 30px;
		background-position: left 30px center;
	}
	
	.intro {
		padding: 0 0 0 0;
	}
	
	#videoThumb {
		margin-top: 15px;
		border-radius: 20px;
	}

	#highlights {
		padding: 0 40px;
		margin-top: -180px;
	}

	#highlights ul {
		max-width: 100%;
	}

	#highlights ul li {
		border-radius: 20px;
		margin: 0 0 40px 0 !important;
	}

	#highlights ul li .inner {
		border-radius: 20px;
		padding: 80px 0 0 0;
	}

	#highlights .subhead {
		left: 20px;
	}

	.details {
		padding: 30px;
		position: static;
		bottom: inherit;
		left: inherit;
	}
	
	#highlights ul li:first-child, #highlights ul li:nth-child(2) {
		width: 100%;
		height: auto;	
		float: none;
		clear: both;
	}

	#highlights ul li:nth-child(3) {
		width: 100%;
		height: auto;
		margin: 0;
		float: none;
		clear: both;
	}

	#highlights ul li:nth-child(4), #highlights ul li:nth-child(5) {
		height: auto;
	}

	#highlights ul li:nth-child(2) .inner .details {
		bottom: inherit;
	}

	#highlights ul li:nth-child(3) .inner .details {
		bottom: inherit;
		top: inherit;
		margin-top: 0px;
		left: inherit;
		right: inherit;
	}
	
	#highlights ul li:nth-child(3) .inner .details dl {
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 40px 20px !important;
	}

	#highlights ul li:nth-child(3) .inner .details h3 {
		max-width: 100%;
	}

	#classHighlights {
		padding: 0 40px;
	}

	#classHighlights ul {
		max-width: 100%;
	}

	#classHighlights ul li {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		min-height: 0px;
		margin: 0 0 40px 0;
		border-radius: 20px;
	}

	#classHighlights ul li .inner {
		position: static;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		border-radius: 20px;
		padding: 30px;
	}

	#reviews {
		padding: 60px 0 0px 0;
	}

	#reviews h2 {
		padding: 0 0;
		font-size: 30px;
		line-height: 35px;
	}
	
	#reviews .one_half, #reviews .one_half.last {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 40px;
		text-align: center;	
	}
	
	#hero.page .inner, #hero.single .inner {
		padding: 40px 0 100px 0;
	}

	a.post {
		margin-bottom: 40px;
	}

	a.post .thumbWrap {
		max-height: 240px;
		margin-bottom: 20px;	
	}

	#container {
		display: block;
		width: 100%;
		margin-top: -360px;
	}

	#whatsHappening {
		padding: 40px 30px 20px 30px;
	}
	
	#whatsHappening .content {
		padding: 0px;	
	}

	#whatsHappening ul {
		max-width: 100%;
	}

	#whatsHappening ul li {
		display: block;
		float: left;
		width: 50%;
		padding: 0 5px 20px 5px;
	}

	.archive .one_third, .archive .one_third.last {
		width: 50% !important;
		padding: 0 10px !important;
		margin: 0 0 0 0 !important;
	}
	
	.archive .clearboth {
		display: none;
	}

	.teachers .one_third, .teachers .one_third.last, .teachers .two_third.last {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 40px 0;	
	}

	.teacher {
		min-height: 420px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.teacher .caption {
		padding: 20px;
		border-radius: 20px;
	}
	
	.teacher .caption h3 {
		font-size: 20px;
		padding-bottom: 5px;	
	}

	.teacher .caption p {
		font-size: 14px;
		line-height: 20px;	
	}

	.teacher.signoff {
		padding: 40px 40px 40px 40px;
	}

	#bottomImage {
		display: none;
	}

	#main.buffer {
		padding-bottom: 0px;
	}
	
	.wp-block-column {
		display: block !important;
		flex: none !important;
		width: 100% !important;
		float: none !important;
		margin: 0px !important;
	}
	
	.wp-block-spacer {
		height: 20px !important;
	}

	.narrow {
		max-width: 100%;
	}

	h3.heat:before, h3.water:before, h3.reception:before, h3.retail:before, h3.mat:before, h3.building:before {
		float: none;
		clear: both;
		margin: 0 0 10px 0;	
	}

	.postureImage {
		display: block;
		position: static;
		top: inherit;
		right: inherit;
		max-width: 400px;
		padding: 0px;
		border: none;
		border-radius: 0px;
		margin-bottom: 20px;
	}
	
	.postureImage img {
		display: block;
		border-radius: 0px;
	}

	a.accordianTitle {
		padding: 30px 40px;
	}

	a.accordianTitle h3 {
		font-size: 20px;
		line-height: 28px;
	}

	a.accordianTitle .plus {
		display: block;
		float: right;
		width: 32px;
		margin: 0px 0 0 20px;
	}

	.accordianBody {
		display: none;
		padding: 20px 40px 10px 40px;
	}

	.callout {
		padding: 40px;
		border-radius: 20px;
	}

	.btn {
		display: inline-block;
		font-size: 14px;
		line-height: 18px;
		border-radius: 20px;
		padding: 20px 30px;
	}

	blockquote.wp-block-quote {
		padding: 30px;
		font-size: 24px;
		line-height: 30px;
		border-radius: 20px;
		margin-bottom: 40px;
	}

	.wp-block-embed {
	    margin: 0 0 20px 0 !important;
	}
	
	iframe {
		width: 100% !important;
	}
	
	.callout.livestream {
		min-height: 0px;
		padding: 30px 20px 20px 20px;
	}	

	.callout.livestream h4 {
		padding-bottom: 24px;
		font-size: 30px;
	}
	
	.callout.livestream small {
		font-size: 16px !important;
		line-height: 22px !important;
	} 
	
	ul.classes {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		margin: 0 -1.5% !important;
	}
	
	ul.classes li {
		display: block !important;
		width: 47% !important;
		height: 200px !important;
		margin: 0 1.5% 3% 1.5% !important;
	}
	
	#container ul.memberships {
		display: block;
		justify-content: inherit;
	}
	
	#container ul.memberships li {
		width: 100%;
		margin-bottom: 80px;
	}
	
	li.gf_left_half, li.gf_right_half {
		clear: both !important;
		float: none !important;
	}
	
}

/* ========================================================================== *\
   TABLET WIDTH - LANDSCAPE
\* ========================================================================== */

@media screen and (min-width:800px) and (max-width:1140px) {

	h4 {
		font-size: 18px !important;
		line-height: 24px;
	}

	.content {
		width: auto;
		padding: 0 40px;
	}

	#hero.home .content {
		width: auto;
		padding: 40px;
		min-height: 700px;
	}

	.entry-content {
		width: auto;
		padding: 0 40px;
	}

	.entry-content > * {
		max-width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.entry-content > .alignwide {
		max-width: 100%;
	}

	.menuBtn {
		display: block;
	}

	#menu.open {
		display: block;
	}

	#menu {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 999999;
		float: none;
		background-image: linear-gradient(-43deg, rgba(149,80,227,0.9) 0%, rgba(39,121,216,0.9) 100%);
		overflow-y: auto;
	}

	#menu ul {
		display: block;
		padding: 40px;
		max-width: 500px;
		margin: 50px auto;
	}

	#menu ul li {
		float: none;
		clear: both;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	#menu ul li a {
		font-size: 28px;
		line-height: 28px;
		padding: 15px;
		color: #ffffff;
	}

	#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current-menu-ancestor a {
		color: #1d1d1d;
		background: #ffffff;
	}

	#menu ul li.button {
		margin: 40px 0px 0px 0px;
		border-bottom: none;
	}

	#menu ul li.button a {
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 25px;
		padding: 10px 25px;
	}

	#menu ul li.button a:hover {
		background: #ffffff;
		color: #1d1d1d;	
	}

	#menu ul li:hover > ul {
		-webkit-animation: none;
	    animation: none;
	}

	#menu ul ul {
		display:block;
		position: static;
		top: inherit;
		left: inherit;
		margin: 0;
		text-align: left;
		border-radius: 0px;
		padding: 0px 0px 20px 0px !important;
		z-index: 0;
		background-color: transparent;
		min-width: 0px;
		box-shadow: none;
	} 

	#menu ul ul li {
		background: transparent;
		margin: 0px;
		padding: 0px;
		float: none;
		border-bottom: 1px solid #ffffff;
	}

	#menu ul ul li:first-child {
		border-radius: 0;
		border-top: 1px solid #ffffff;
	}
	
	#menu ul ul li:last-child {
		border-radius: 0;	
	}

	#menu ul ul li a, #menu ul li.current-menu-ancestor ul li a {
		padding: 15px;
		color: #ffffff;
		background: transparent;
		font-size: 20px;
		line-height: 20px;
	}

	#menu ul ul li a, #menu ul li.current-menu-item ul li a {
		color: #ffffff;	
		background: transparent;
	}

	#menu ul ul li a:hover, #menu ul li.current-menu-item ul li a:hover {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.current-menu-ancestor ul li a:hover, #menu ul li.current-menu-ancestor ul li.current_page_item a {
		color: #1d1d1d;
		background: #eeeeee;
	}

	#menu ul li.phone {
		position: static;
		top: inherit;
		right: inherit;
		text-align: center;
		margin-top: 10px;
	}

	#menu ul li.phone a {
		font-size: 20px;
	}

	#menu ul li.phone a:before {
		display: none;
	}
	
	#footer {
		font-size: 16px;
		border-radius: 20px 20px 0 0;
	}

	#footer ul li {
		display: block;
		margin-bottom: 5px;
	}
	
	#hero.home {
		min-height: 0px;
	}

	#hero.home .content {
		width: auto;
		padding: 40px;
	}
	
	#hero.home .content .one_half {
		width: 56%;
	}
	
	#hero.home .content .one_half.last {
		width: 40%;	
	}
	
	#livestreamContainer .one_half {
		width: 40%;
	}
	
	#livestreamContainer .one_half.last {
		width: 56%;	
	}
	
	#hero.home .content h1 {
		font-size: 50px;
		line-height: 60px;
	}
	
	#hero.home .content .btn {
		padding: 15px 20px;
		margin: 0 0 10px 0;
		min-width: 195px;
	}
	
	.playBtn {
		width: 80px;
		height: 80px;
		border-radius: 160px;	
		margin: -40px 0 0 -40px;
		background-size: 20px 30px;
		background-position: left 30px center;
	}
	
	.intro {
		padding: 0 0 0 0;
	}
	
	#videoThumb {
		margin-top: 15px;
		border-radius: 20px;
	}

	#highlights {
		padding: 0 40px;
		margin-top: -180px;
	}

	#highlights ul {
		max-width: 100%;
	}

	#highlights ul li {
		border-radius: 20px;
		margin: 0 0 20px 0;
	}

	#highlights ul li .inner {
		border-radius: 20px;
		padding: 30px;
	}

	#highlights .subhead {
		left: 30px;
	}

	.details {
		bottom: 30px;
		left: 30px;
	}
	
	#highlights ul li:first-child, #highlights ul li:nth-child(2) {
		width: 48.5%;
		height: 400px;	
		float: left;
		clear: left;
	}

	#highlights ul li:nth-child(3) {
		width: 48.5%;
		height: 820px;
		margin: -420px 0 0 3%;
		float: right;
		clear: right;
	}

	#highlights ul li:nth-child(2) .inner .details {
		bottom: 0px;
	}

	#highlights ul li:nth-child(3) .inner .details {
		bottom: 30px;
		top: inherit;
		margin-top: 0px;
		left: 30px;
		right: 30px;
	}
	
	#highlights ul li:nth-child(3) .inner .details dl {
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 40px 20px !important;
	}

	#highlights ul li:nth-child(3) .inner .details h3 {
		max-width: 100%;
	}

	#classHighlights {
		padding: 0 40px;
	}

	#classHighlights ul {
		max-width: 100%;
	}

	#classHighlights ul li {
		display: block;
		float: left;
		width: 31%;
		min-height: 300px;
		margin: 0 3% 40px 0;
		border-radius: 20px;
	}

	#classHighlights ul li .inner {
		border-radius: 20px;
		padding: 20px 15px;
		font-size: 14px;
		line-height: 20px;
	}

	#reviews {
		padding: 60px 0 0px 0;
	}

	#reviews h2 {
		padding: 0 0;
		font-size: 30px;
		line-height: 35px;
	}

	#hero.page .inner, #hero.single .inner {
		padding: 40px 0 100px 0;
	}

	a.post {
		margin-bottom: 40px;
	}

	a.post .thumbWrap {
		max-height: 240px;
		margin-bottom: 20px;	
	}

	#container {
		display: block;
		width: 100%;
		margin-top: -360px;
	}

	#whatsHappening {
		padding: 40px 30px 20px 30px;
	}

	#whatsHappening ul {
		max-width: 100%;
	}

	#whatsHappening ul li {
		display: block;
		float: left;
		width: 50%;
		padding: 0 5px 20px 5px;
	}

	.teacher {
		min-height: 420px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.teacher .caption {
		padding: 20px;
		border-radius: 20px;
		bottom: 0px;
		width: 100%;
		left: 0px;
	}
	
	.teacher .caption h3 {
		font-size: 20px;
		padding-bottom: 5px;	
	}

	.teacher .caption p {
		font-size: 14px;
		line-height: 20px;	
	}

	.teacher.signoff {
		padding: 40px 40px 40px 40px;
	}

	#bottomImage {
		display: none;
	}

	#main.buffer {
		padding-bottom: 0px;
	}
	
	#main.buffer .wp-block-column {
		display: block !important;
		flex: none !important;
		width: 100% !important;
		float: none !important;
		margin: 0px !important;
	}

	.narrow {
		max-width: 100%;
	}

	.postureImage {
		display: block;
		position: static;
		top: inherit;
		right: inherit;
		max-width: 400px;
		padding: 0px;
		border: none;
		border-radius: 0px;
	}
	
	.postureImage img {
		display: block;
		border-radius: 0px;
	}

	a.accordianTitle {
		padding: 30px 40px;
	}

	a.accordianTitle h3 {
		font-size: 20px;
		line-height: 28px;
	}

	a.accordianTitle .plus {
		display: block;
		float: right;
		width: 32px;
		margin: 0px 0 0 20px;
	}

	.accordianBody {
		display: none;
		padding: 20px 40px 10px 40px;
	}

	.callout {
		padding: 40px;
		border-radius: 20px;
	}

	blockquote.wp-block-quote {
		padding: 30px;
		font-size: 24px;
		line-height: 30px;
		border-radius: 20px;
		margin-bottom: 40px;
	}
	
	iframe {
		width: 100% !important;
	}
	
	.callout.livestream {
		min-height: 0px;
	}
	
	ul.classes li {
		width: 47% !important;
	}
	
	#container ul.memberships li {
		width: 48%;
	}

	li.gf_left_half, li.gf_right_half {
		clear: both !important;
		float: none !important;
	}
	
}

/* ========================================================================== *\
   DESKTOP WIDTH
\* ========================================================================== */

@media screen and (min-width:1141px) and (max-width:1400px) {

	#hero.home .content {
		width: auto;
		padding: 40px;
	}
	
	#hero.home .content h1 {
		font-size: 50px;
		line-height: 60px;
	}
	
	#hero.home .content .btn {
		padding: 15px 25px;
	}
	
	.playBtn {
		width: 100px;
		height: 100px;
		border-radius: 200px;	
		margin: -50px 0 0 -50px;
		background-size: 30px 40px;
		background-position: left 40px center;
	}

}